.header{
	background: url(../images/background1.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height:7.4rem;
    position:relative;
}

.header div{
    position:absolute;
    z-index: 10;
}

.header div.time{
    top:4.16rem;
    width: 100%;
    color:#FFE770;
}

.header div.time p{
    text-align:center;
}

.header div.rule{
    top:5.44rem;
    width: 100%;
}

.header div.rule p{
	width: 67.2%;
    text-align:center;
	margin:0 auto;
    color:#EB0E0E;
    line-height:0.42rem;
}

.btn_wrap,.main {
     background: #E54444;
}

.btn_wrap{
     margin-top:-0.02rem;
     padding:0.3rem 0 0.7rem 0;
}

.btn_wrap .btn {
    width:6.26rem;
    height:1.3rem;
    margin:0 auto;
    vertical-align: middle;
    background:url(../images/button@2x.png) no-repeat;
    background-size:100% 100%;
}

.btn_wrap .btn a{
    display: inline-block;
    width:100%;
    color:#F9D573;
    line-height:1.1rem;
    text-align: center;
    // padding-top:0.3rem;
}

.main .img_wrap img{
    width: 100%;
}

.main .details_wrap{
    padding:0.3rem;
}

.main .details_wrap .details_group{
    padding:0.1rem;
    background:#FDF7E7;
}

.main .details_wrap .details_group .details{
    border:2px solid #EAC86C;
}

.main .details_wrap .details_group .details p{
    padding:0 0.25rem;
    padding-bottom: 0.13rem;
    box-sizing:border-box;
    // font-size:18px;
    text-align:justify;
    width: 100%;
}